<template>
	<view class="movie-container">
		<image class="movie-img" :src="img" mode="aspectFit"></image>
    <image class="movie-tag" src="../../static/images/essay_tag.png" mode="aspectFit"></image>
    <text class="content">{{content}}</text>
	</view>
</template>

<script>
	export default {
    props:{
      img: String,
      content: String
    },
		data() {
			return {
				
			};
		}
	}
</script>

<style>
.movie-container{
  display: flex;
  flex-direction: column;
  align-items: center;
}
.movie-img{
  width: 750rpx;
  height: 500rpx;
}
.movie-tag{
  width: 46rpx;
  height: 142rpx;
  position: relative;
  bottom: 58rpx;
  right: 310rpx;
}
.content{
  font-size: 36rpx;
  max-width: 550rpx;
}
</style>
